<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/jquery.cookie.js"></script>
		<link rel="stylesheet" href="../../css/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../css/font-awesome.css" />
		<link rel="stylesheet" href="../../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../css/icono.imn.css" />
		<link rel="stylesheet" href="../../css/page/Login.css" />
		<script src="../../css/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="../../js/page/Login.js"></script>
		<script src="../../static/js/login/user.js"></script>
		<script src="../../js/jquery.qrcode.min.js"></script>
	</head>

	<body>
		<div class="g-container">
			<!--<div class="head">
				<div class="titleContainerI">
					<div class="topNav">
						<div class="topNavCenter">
							<div class="topNavLogo">
								<a href="http://localhost/page/coursePage/courseClassify.html?__hbt=1553129981113" target="_self">
									<img width="190" height="28" src="../../img/huasaidashuju.png">
								</a>
							</div>
							<div class="topNavCourse">
								<a href="http://localhost/page/coursePage/courseClassify.html?__hbt=1553129981113" target="_blank">
									<span>课程</span>
								</a>
							</div>
							<div class="topNavCourse">
								<a href="#" target="_blank">
									<span>名校</span>
								</a>
							</div>
							<div class="topNavDiscuss">
								<a href="#" target="_blank">
									<span>2020考研</span>
								</a>
							</div>
							<div class="topNavCourse" style="width: 48px;">
								<a href="#" target="_blank">
									<span>学校云</span>
								</a>
							</div>
							<div class="topNavDiscuss">
								<a href="#" target="_blank">
									<span>名师专栏</span>
								</a>
							</div>
							<div class="topNavRightPart">
								<img class="phone" src="../../img/白手机.png" style="top: 3px;float:left;" />
								<span id="client_2" class="client_2" style="color: white;margin-top: 4px;float:left;">客户端</span>
								<div class="topNavSelect">
									<div class="topNavSelectI">
										<div class="topSelect">
											<div class="topSelectI">
												<input placeholder="搜索感兴趣的课程" style="border: none;" />
											</div>
										</div>
										<img style="width: 36px;height: 30px;display: inline-block;cursor: pointer;" src="../../img/搜索.jpg">
									</div>
								</div>
							</div>
							<div class="dialog_border_2" id="dialog_border_2">
								<img src="../../img/App.jpg" style="width: 100%;height: auto;" />
							</div>
						</div>
					</div>
				</div>
			</div>-->
			<div class="loginBody">
				<div class="insideLogin">
					<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="z-index:3;height: 430px;display: inline-block;opacity: 1;position: relative;float: right;">
						<div class="modal-dialog" role="document" style="margin-top: 110px;">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
									<h4 class="modal-title" id="exampleModalLabel" style="text-align: center;">登录</h4>
								</div>
								<ul class="nav nav-pills nav-justified" role="tablist">
									<!--<li role="presentation" class="active">
										<a href="#hetao" aria-controls="hetao" role="tab" data-toggle="tab">核桃登录</a>
									</li>-->
									<!--<li role="presentation">
										<a href="#qzone" aria-controls="qzone" role="tab" data-toggle="tab">QQ登录</a>
									</li>
									<li role="presentation">
										<a href="#wechat" aria-controls="wechat" role="tab" data-toggle="tab">微信登录</a>
									</li>-->
								</ul>
								<div class="tab-content">
									<div role="tabpanel" class="tab-pane active" id="hetao">
										<div class="modal-body" id="hetaoAccount">
											<form class="form-horizontal">
												<div class="form-group">
													<label for="inputCount" class="col-sm-2 control-label">手机号:</label>
													<div class="col-sm-10">
														<input type="text" class="form-control" id="inputCount" placeholder="Phone" />
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword" class="col-sm-2 control-label">密码:</label>
													<div class="col-sm-10">
														<input type="password" class="form-control" id="inputPassword" placeholder="Password" />
													</div>
												</div>
												<div class="form-group">
													<label for="identifyingCode" class="col-sm-2 control-label">验证码:</label>
													<div class="col-sm-10">
														<input type="text" class="form-control" id="identifyingCode" placeholder="IdentifyingCode" />
													</div>
												</div>
												<div class="form-group">
													<label for="" class="col-sm-2 control-label"></label>
													<div class="col-sm-10">
														<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" width="100" style="display: inline-block;">
														<span style="position: relative;top: 20px;left: 20px;cursor: pointer;font-size: 14px;">换一个</span>
													</div>
												</div>
											</form>
											<div class="chooseLoginType" onclick="switchLoginType(this)" data-toggle="tooltip" data-placement="left" title="点击使二维码登录">
												<img src="../../img/QR_code.png" style="width: 100%;height: 100%;" />
											</div>
										</div>
										<div class="modal-body" id="hetaoCode" style="display: none;">
											<div id="code" style="display: inline-block;margin-left: 27%;"></div>
											<div class="chooseLoginType" onclick="switchLoginType(this)" data-toggle="tooltip" data-placement="left" title="点击使用账号登录">
												<img src="../../img/computer.png" style="width: 100%;height: 100%;" />
											</div>
										</div>
										<div class="modal-footer" style="text-align: center;">
											<button type="button" class="btn btn-primary" style="width: 150px;" onclick="login()">登录
                                    	</button>
										</div>
									</div>
									<!--<div role="tabpanel" class="tab-pane" id="qzone">
										<div class="modal-body">
											<form class="form-horizontal">
												<div class="form-group">
													<label for="inputCount" class="col-sm-2 control-label">账号:</label>
													<div class="col-sm-10">
														<input type="text" class="form-control" id="inputCount" placeholder="count">
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword" class="col-sm-2 control-label">密码:</label>
													<div class="col-sm-10">
														<input type="password" class="form-control" id="inputPassword" placeholder="Password">
													</div>
												</div>
												<div class="form-group">
													<label for="identifyingCode" class="col-sm-2 control-label">验证码:</label>
													<div class="col-sm-10">
														<input type="text" class="form-control" id="identifyingCode" placeholder="identifyingCode">
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword" class="col-sm-2 control-label"></label>
													<div class="col-sm-10">
														<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" width="100" style="display: inline-block;">
														<span style="position: relative;top: 20px;left: 20px;cursor: pointer;font-size: 14px;">换一个</span>
													</div>
												</div>
											</form>
										</div>
										<div class="modal-footer" style="text-align: center;">
											<button type="button" class="btn btn-primary" style="width: 150px;">登录</button>
										</div>
									</div>
									<div role="tabpanel" class="tab-pane" id="wechat">
										<div class="modal-body">
											<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" style="margin: 0px auto;">
										</div>
									</div>-->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--<div class="fotter">
				<div class="fotterCenter">
					<div class="fotterLogoBox">
						<div class="fotterLogo"></div>
						<p class="LogoText">由中兴云聚推出，让每一个有提升愿望的用户能够学到中国知名高校的课程，并获得认证。</p>
					</div>
					<div class="friendlyLink">
						<h4 style="font-size: 16px;margin-bottom: 16px;color: #CCCCCC;">友情链接</h4>
						<div class="link">
							<a href="" target="_blank">
								网易卡搭编程
							</a>
							<a href="#" target="_blank">网易云课堂</a>
							<a href="#" target="_blank">网易100分</a>
						</div>
					</div>
					<div class="wechat">
						<h4>微信公众号&nbsp;&nbsp;<span class="fa fa-wechat"></span></h4>
						<img src="../../img/zhenjing.jpg" width="100" height="100" />
					</div>
					<div class="aboutUs">
						<h4>关于我们</h4>
						<div class="aboutUsOption">
							<a href="#" target="_blank">关于我们</a>
							<a href="#" target="_blank">联系我们</a>
							<a href="#" target="_blank">意见反馈</a>
						</div>
					</div>
				</div>
			</div>-->
		</div>
	</body>
</html>